@mixin icon-image($size) {
	min-height: $size;
	min-width: $size;
	height: $size;
	width: $size;
	vertical-align: middle;
}




.bold {
	font-weight: 900;
}

/* 定义字体颜色 */
.primary {
	color: $-color-primary;
}

.black {
	color: $-color-black;
}

.white {
	color: $-color-white;
}

.normal {
	font-weight: 500;
	color: $-color-normal;
}

.lighter {
	color: $-color-lighter;
}

.muted {
	color: $-color-muted;
}

/* 定义背景颜色 */
.bg-primary {
	background-color: $-color-primary;
}
.bg-warning{
	color: $-color-warning;
}
.bg-white {
	background-color: $-color-white;
}

.bg-body {
	background-color: $-color-body;
}

.bg-gray {
	background-color: $-color-border;
}

.sky-blue {
	background-color: #3FBCD6;
}


/* 定义字体大小 */
.xxxl {
	font-size: 20px;
	color: #1f2329;
	font-weight: 500;
	line-height: 28px;
}

.xxl {
	font-size: 18px;
	line-height: 26px;
}

.xl {
	font-size: 17px;
}

.lg {
	font-size: 16px;
	line-height: 26px;
}

.md {
	font-size: 15px;
}

.nr {
	font-size: 14px;
	line-height: 20px;
}

.sm {
	font-size: 13px;
}

.xs {
	font-size: 12px;
	line-height: 18px;
}

.xxs {
	font-size: 11px;
}

h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

// 定义内外边距，历遍1-80
@for $i from 1 through 80 {

	// 只要双数和能被5除尽的数
	@if $i % 2==0 or $i % 5==0 {

		// 如：m-30
		.m-#{$i} {
			margin: $i + px;
		}

		// 如：p-30
		.p-#{$i} {
			padding: $i + px;
		}

		@each $short,
		$long in l left,
		t top,
		r right,
		b bottom {

			//结果如： m-l-30
			// 定义外边距
			.m-#{$short}-#{$i} {
				margin-#{$long}: $i + px;
			}

			// 定义内边距
			//结果如： p-l-30
			.p-#{$short}-#{$i} {
				padding-#{$long}: $i + px;
			}
		}
	}
}

.inline {
	display: -block;
}

@for $i from 10 through 35 {
	@if $i % 2==0 {
		.font-size-#{$i} {
			font-size: $i + px;
		}
	}
}

@for $u from 5 through 100 {
	@if $u % 5==0 {
		.width-#{$u} {
			width: 1% * $u;
		}
	}
}

/* 定义常用的弹性布局 */
.flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.col-baseline {
	align-items: baseline;
}

.col-center {
	align-items: center;
}

.col-top {
	align-items: flex-start;
}

.col-bottom {
	align-items: flex-end;
}
.col-stretch {
	align-items: stretch;
}

.row-center {
	justify-content: center;
}

.row-left {
	justify-content: flex-start;
}

.row-right {
	justify-content: flex-end;
}

.row-between {
	justify-content: space-between;
}

.row-around {
	justify-content: space-around;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}
.flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

.flex-row {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
}

// 定义flex等分
@for $i from 0 through 5 {
	.flex-#{$i} {
		flex: $i;
	}
}

.flex-none {
	flex: none;
}



/* 超出隐藏 */
/* start--文本行数限制--start */
.line-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.line-2 {
	-webkit-line-clamp: 2;
}

.line-3 {
	-webkit-line-clamp: 3;
}

.line-4 {
	-webkit-line-clamp: 4;
}

.line-5 {
	-webkit-line-clamp: 5;
}
.line-6 {
	-webkit-line-clamp: 6;
}
.line-2,
.line-3,
.line-4,
.line-5 
.line-6{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box; // 弹性伸缩盒
	-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}

/* 中划线 */
.line-through {
	text-decoration: line-through;
}

.line-bottom {
	border-bottom: 1px solid #ccc;
}
.border{
	border-radius: 5px;
	border: 1px solid #ccc;
}

// /* 隐藏滚动条 */
// ::-webkit-scrollbar {
// 	width: 0;
// 	height:0;
// 	color: transparent;
// }